<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../comm/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/shop_comm.css" />
    <link rel="stylesheet" type="text/css" href="../comm/icon.css" />
    <link rel="stylesheet" type="text/css" href="./css/single_shop.css">
    <title>推荐</title>
</head>

<body>
    <div id="app" @click="hideClassify">
        <div class="header">
            <div class="header_left" @click="api.closeWin()">
                <img src="../../../image/backtrack.png" alt="">
            </div>
            <div class="header_center" v-text="shopData.shop_name">

            </div>
            <div class="header_right" >
                <!-- <span @click="shareShop">分享店铺</span> -->
            </div>
        </div>
        <div class="con_" style="display:none">
            <!-- 回到顶部 -->
            <div class="toHead">
                <div class="toHead_list" @click="toCart">
                    <div class="toHead_list_box">
                        <div class="toHead_list_box_img">
                            <img src="../../../image/308/gwc.png" alt="">
                        </div>
                        <div class="toHead_list_box_name">
                            购物车
                        </div>
                    </div>
                </div>
                <div class="toHead_list" @click="toHead">
                    <div class="toHead_list_box">
                        <div class="toHead_list_box_img">
                            <img src="../../../image/308/tohead.png" alt="">
                        </div>
                        <div class="toHead_list_box_name">
                            回到顶部
                        </div>
                    </div>
                </div>
            </div>
            <!-- 回到顶部end -->
            <div class="shop_banner">
                <!-- 背景 -->
                <div class="shop_banner_bg">
                    <img :src="shopData.banner!=''?shopData.bannerImage:'../../../image/308/timg.jpg'" alt="">
                    <!-- 蒙层 -->
                    <div class="mc"></div>
                    <!-- 蒙层end -->
                </div>
                <!-- 背景end -->
                <div class="shop_banner_head">
                    <div class="shop_banner_head_left">
                        <div class="shop_banner_head_search" @click="search">
                            <img src="../../../image/308/search.png" alt="">&nbsp;搜索
                        </div>
                    </div>
                    <div class="shop_banner_head_right" @click.stop v-if="classifys.length>0">
                        <img @click="showClassify" src="../../../image/308/classify.png" alt="">
                        <div class="shop_banner_head_right_classify">
                            <div class="classify_list" v-for="(item,index) in classifys" v-text="item.name" @click="toClass(item.category_id,item.name)">
                                衣服
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 店主信息 -->
                <div class="shop_banner_user">
                    <div class="shop_banner_user_left">
                        <div class="shop_banner_user_left_box_left">
                            <img :src="shopData.shop_logo" alt="">
                        </div>
                        <div class="shop_banner_user_left_box_right">
                            <div class="shop_banner_user_left_box_right_box">
                                <div class="shop_banner_user_left_box_right_top" v-text="shopData.shop_name">
                                    阿萨德撒娇旗舰店
                                </div>
                                <div class="shop_banner_user_left_box_right_bot">
                                    <div class="shop_banner_user_left_box_right_bot_box">
                                        <img v-if="shopData.star>0" :src="'../../../image/308/star/star0'+shopData.star+'.png'" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="shop_banner_user_right">
                        <div class="shop_banner_user_right_box">
                            <div class="shop_banner_user_right_box_top">
                                <span v-if="isShop_user==0&&isCollect==0" @click="Collect">收藏</span>
                                <span class="ysc" v-else-if="isShop_user==0&&isCollect>0" @click="Collect">已收藏</span>
                                <span v-else-if="isShop_user==1" style="opacity:0">0</span>
                            </div>
                            <div class="shop_banner_user_right_box_bot">
                                <img src="../../../image/308/dw.png" alt=""><span v-text="shopData.shop_location"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 店主信息 end -->
            </div>
            <!-- 店铺简介 -->
            <div class="shop_more">
                <span><i class="iconfont icon-yinhao1"></i><span v-text="shopData.shop_intro"></span><i class='iconfont icon-yinhao'></i></span>
            </div>
            <!-- 店铺简介end -->
            <!-- 会员商品 -->
            <div class="vip_goods" v-if="vipGoodsList.length==1" :style="isShop_user==0?'height: 102vw':''">
                <!-- 背景 -->
                <div class="vip_goods_bg">
                    <img src="../../../image/308/vip_bg.png" alt="">
                </div>
                <!-- 背景end -->
                <div class="vip_goods_head">
                    <div class="vip_goods_head_left">
                        <img src="../../../image/308/vip_goods_head.png" alt="">
                    </div>
                    <div class="vip_goods_head_right" v-if="isShop_user==1">
                        <div class="vip_goods_head_right_box">
                            <div class="vip_goods_head_right_box_top">
                                <!-- star -->
                                我的等级：<img v-if="shopData.star>0" :src="'../../../image/308/star/star0'+shopData.star+'.png'" alt="">
                            </div>
                            <div class="vip_goods_head_right_box_bot" v-if="shopData.star>1">
                                <div class="vip_goods_head_right_box_bot_box" :style="'width:'+(shopData.total_times-shopData.already_buy)/shopData.total_times*100+'%'"></div>
                                <div class="vip_goods_head_right_box_bot_text">
                                    剩余被购买数：<span v-text="shopData.total_times-shopData.already_buy"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 会员商品 -->
                <div class="vip_goods_box" :style="isShop_user==0?'height: calc(100% - 2.5rem);':''">
                    <!-- 只有一件 -->
                    <div class="goods_box">
                        <div class="goods_list" v-for="(item,index) in vipGoodsList" @click="toGoods_detail(item.goods_id,1)">
                            <!-- 添加商品 -->
                            <div @click.top="toAddMember(item.goods_id)" class="goods_list_add" v-if="isShop_user==1">
                                <img src="../../../image/308/add.png" alt="">
                            </div>
                            <!-- 添加商品end -->
                            <div class="goods_list_img">
                                <img :src="item.cover" alt="">
                            </div>
                            <div class="goods_list_msg">
                                <div class="goods_list_msg_name">
                                    <span class="text2" v-text="item.name">暗杀接口阿十几块的阿斯达后接口阿三大框架</span>
                                </div>
                                <div class="goods_list_msg_money">
                                    ￥<span v-text="item.sale_price"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 只有一件end-->
                </div>
                <!-- 会员商品end -->
                <div class="vip_goods_bottom" v-if="isShop_user==1">
                    <div class="vip_goods_bottom_btn" @click="toStar">
                        <img src="../../../image/308/lev.png" alt="">升级星级
                    </div>
                </div>
            </div>
            <!-- 两件 -->
            <div class="vip_goods vip_goods2" v-else-if="vipGoodsList.length==2" :style="isShop_user==0?'height: 93vw;':''">
                <!-- 背景 -->
                <div class="vip_goods_bg">
                    <img src="../../../image/308/vip_bg.png" alt="">
                </div>
                <!-- 背景end -->
                <div class="vip_goods_head">
                    <div class="vip_goods_head_left">
                        <img src="../../../image/308/vip_goods_head.png" alt="">
                    </div>
                    <div class="vip_goods_head_right" v-if="isShop_user==1">
                        <div class="vip_goods_head_right_box">
                            <div class="vip_goods_head_right_box_top">
                                <!-- star -->
                                我的等级：<img v-if="shopData.star>0" :src="'../../../image/308/star/star0'+shopData.star+'.png'" alt="">
                            </div>
                            <div class="vip_goods_head_right_box_bot" v-if="shopData.star>1">
                                <div class="vip_goods_head_right_box_bot_box" :style="'width:'+(shopData.total_times-shopData.already_buy)/shopData.total_times*100+'%'"></div>
                                <div class="vip_goods_head_right_box_bot_text">
                                    剩余被购买数：<span v-text="shopData.total_times-shopData.already_buy"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 会员商品 -->
                <div class="vip_goods_box" :style="isShop_user==0?'height: calc(100% - 2.5rem)':''">
                    <!-- 两件 -->
                    <div class="goods_box2">
                        <div class="goods_box2_list" v-for="(item,index) in vipGoodsList" @click="toGoods_detail(item.goods_id,1)">
                            <div class="goods_box2_list_box">
                                <div class="goods_list_img">
                                    <img :src="item.cover" alt="">
                                </div>
                                <div class="goods_list_msg">
                                    <div class="goods_list_msg_name">
                                        <span class="text2" v-text="item.name">暗杀接口阿十几块的阿斯达后接口阿三大框架</span>
                                    </div>
                                    <div class="goods_list_msg_money">
                                        ￥<span v-text="item.sale_price"></span>
                                    </div>
                                    <!-- 加号 -->
                                    <div @click.top="toAddMember(item.goods_id)" class="add" v-if="isShop_user==1">
                                        <img src="../../../image/308/add.png" alt="">
                                    </div>
                                    <!-- 加号end -->
                                    <!-- 底部边框 -->
                                    <div class="bottom_bor">
                                        <img src="../../../image/308/bottom_bor.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <!-- 两件end -->

                </div>
                <!-- 会员商品end -->
                <div class="vip_goods_bottom" v-if="isShop_user==1">
                    <div class="vip_goods_bottom_btn" @click="toStar()">
                        <img src="../../../image/308/lev.png" alt="">升级星级
                    </div>
                </div>
            </div>
            <!-- 三件 -->
            <div class="vip_goods vip_goods3" v-else-if="vipGoodsList.length>2" :style="isShop_user==0?'height: 88vw;':''">
                <!-- 背景 -->
                <div class="vip_goods_bg">
                    <img src="../../../image/308/vip_bg.png" alt="">
                </div>
                <!-- 背景end -->
                <div class="vip_goods_head">
                    <div class="vip_goods_head_left">
                        <img src="../../../image/308/vip_goods_head.png" alt="">
                    </div>
                    <div class="vip_goods_head_right" v-if="isShop_user==1">
                        <div class="vip_goods_head_right_box">
                            <div class="vip_goods_head_right_box_top">
                                <!-- star -->
                                我的等级：<img v-if="shopData.star>0" :src="'../../../image/308/star/star0'+shopData.star+'.png'" alt="">
                            </div>
                            <div class="vip_goods_head_right_box_bot" v-if="shopData.star>1">
                                <div class="vip_goods_head_right_box_bot_box" :style="'width:'+(shopData.total_times-shopData.already_buy)/shopData.total_times*100+'%'"></div>
                                <div class="vip_goods_head_right_box_bot_text">
                                    剩余被购买数：<span v-text="shopData.total_times-shopData.already_buy"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 会员商品 -->
                <div class="vip_goods_box" :style="isShop_user==0?'height: calc(100% - 2.5rem);':''">
                    <div class="vip_goods_box_">
                        <div class="goods_box_list" v-for="(item,index) in vipGoodsList" @click="toGoods_detail(item.goods_id,1)">
                            <div class="goods_box_list_box">
                                <div class="goods_list_img">
                                    <img :src="item.cover" alt="">
                                </div>
                                <div class="goods_list_msg">
                                    <div class="goods_list_msg_name">
                                        <span class="text2" v-text="item.name">暗杀接口阿十几块的阿斯达后接口阿三大框架</span>
                                    </div>
                                    <div class="goods_list_msg_money">
                                        ￥<span v-text="item.sale_price"></span>
                                    </div>
                                    <!-- 加号 -->
                                    <div @click.top="toAddMember(item.goods_id)" class="add" v-if="isShop_user==1">
                                        <img src="../../../image/308/add.png" alt="">
                                    </div>
                                    <!-- 加号end -->
                                    <!-- 底部边框 -->
                                    <div class="bottom_bor">
                                        <img src="../../../image/308/bottom_bor.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 会员商品end -->
                <div class="vip_goods_bottom" v-if="isShop_user==1">
                    <div class="vip_goods_bottom_btn" @click="toStar">
                        <img src="../../../image/308/lev.png" alt="">升级星级
                    </div>
                </div>
            </div>
            <!-- 会员商品end -->
            <!-- 精品列表 -->
            <div class="jp_goods">
                <div class="jp_goods_head">
                    <img src="../../../image/308/goods_head.png" alt="">
                </div>
                <div class="jp_goods_con">
                    <div class="jp_goods_list" v-for="(item,index) in goodsList" @click="toGoods_detail(item.goods_id,0)">
                        <div class="jp_goods_list_box">
                            <div class="jp_goods_list_box_img">
                                <img :src="item.cover" alt="">
                            </div>
                            <div class="jp_goods_list_box_name">
                                <span class="text2" v-text="item.name">阿斯达阿十几块的奥斯卡了解到阿斯加德看啥的境况阿斯达</span>
                            </div>
                            <div class="jp_goods_list_box_money">
                                ￥<span v-text="item.sale_price"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 精品列表end -->

        </div>
    </div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./single_shop.js"></script>

</html>
